<template lang="pug">
  div#select-group
    router-link(to="/appointment/items")
        div
            img(src='../assets/edit-icon.svg')
            span 选择项目
        div {{item.tname}}
    router-link(to="/appointment/beauticians")
        div
            img(src='../assets/doctor-icon.svg')
            span 选择美容师
        div {{staff.bname}}
</template>
<script>
import{mapState} from 'vuex'
export default {
    computed:{
        ...mapState(['item','staff'])
    }
}
</script>

<style lang="stylus" scoped>
#select-group{
    display: flex
    background-color: #fff;
    margin-bottom: .2rem;
    &>a{
        width: 50%;
        div{
            text-align: center;
            margin: .2rem .5rem;
            padding: .1rem;
            border-bottom: solid transparent;
            font-size: .2rem;
            line-height:.3rem;
            img{
                height: .3rem;
                vertical-align: middle;
                margin-right: .1rem;
            }
            &:last-child{
                color: #666;
            }
        }
    }
}
</style>
